<template>
  <div class="drop">{{ title }}</div>
</template>
<script setup>
defineProps({
  title: String
})
</script>
<style scoped lang="scss">
.drop {
  width: 230px;
  height: 58px;
  background: url('@/assets/images/global/drop.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 58px;
  box-sizing: border-box;
  padding: 0 0 0 40px;
  z-index: 9999;
  &::after {
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    width: 30px;
    height: 19px;
    background: url('@/assets/images/global/drop_arrow.png') no-repeat;
    background-size: 100% 100%;
  }
}
</style>
